<!--
/**
* Author: KSJ
* Date: 2022-07-30 19:36
* Desc: 提示
*/
-->
<!-- by your name -->
<template>
  <zm-popup
    v-model="show"
    @close="close"
    :closeable="false"
    model="bottom"
    :round="25"
  >
    <view class="show-panel">
      <view class="fs32 fb mb30">价格说明</view>
      <view class="fc8 fs24 mb70"
        >当前电商价仅供比价参考，部分价格可能存在误差，最终金额请以
        第三方电商页面展示金额为准。</view
      >
      <view
        class="pt35 pb35 bc-primary flex br18 fc-white flex-c-m"
        @click="close"
        >我知道了</view
      >
    </view>
  </zm-popup>
</template>

<script>
  import ZmPopup from '@/commons/ZmPopup'
  export default {
    name: '',
    components: {
      ZmPopup
    },
    props: {
      value: {
        type: Boolean,
        default: false
      }
    },
    computed: {
      show: {
        set(v) {
          this.$emit('input', v)
        },
        get() {
          return this.value
        }
      }
    },
    data() {
      return {}
    },
    methods: {
      close() {
        this.$emit('input', false)
      }
    }
  }
</script>
<style lang="scss" scoped>
  .show-panel {
    min-height: 400rpx;
    width: 100%;
    padding: 44rpx 30rpx 50rpx;
    overflow: hidden;
    box-sizing: border-box;
  }
</style>
